Ext.define('SistIntegral.Semovientes.Ventas',{

alias			: "PanelSemovienteVentas",
forward			: true,
             
        
Panel      :   function(){

//function renderArete(value, p, record) {
//    
//return Ext.String.format(
//'<div style="display: block;white-space: normal;">Microchip: '+value+
//('</br>Establo: <span style="color:#666666;">'+record.data.AreteEstablo+ '</span>')+
//('</br>Nombre: <span style="color:#666666;">'+record.data.Nombre+ '</span>')
//+'</div>'
//);
//}
//
//function renderRazaCategoria(value, p, record) {
//    
//return Ext.String.format(
//'<div style="display: block;white-space: normal;">Raza: '+value+
//('</br>Categoria: <span style="color:#666666;">'+record.data.categoria+ '</span>')
//+'</div>'
//);
//}
//
//function renderDescSemoviente(value, p, record) {
//    
//return Ext.String.format(
//'<div style="display: block;white-space: normal;">Desc: '+value+
//('</br>Estado: <span style="color:#666666;">'+record.data.NomEstadoSemoviente+ '</span>')
//+'</div>'
//);
//}
//
//function renderPesoValor(value, p, record) {
//    
//return Ext.String.format(
//'<div style="display: block;white-space: normal;">Peso: '+value+' Kg'+
//('</br>Valor: S/. <span style="color:#666666;">'+Ext.util.Format.number(record.data.Valor,'0.00')+ '</span>')
//+'</div>'
//);
//}


if(!Ext.getCmp('panelSemovienteVenta')){
 
 var StoreSemoviente = Ext.create('Ext.data.Store', {
    model: 'VentaSemoviente',
    pageSize:25,
    autoLoad:true,
    proxy: {
    type: 'ajax',
    url: 'ventasemoviente/Index/',
    reader: {type: 'json',root: 'grid'}}
});


    var GridSemoviente = Ext.create('Ext.grid.Panel',{
      id:       'GridVentaSemoviente',
      store:    StoreSemoviente,
      border:   false,
      stateful :false,
      columnLines:true,
      layout:   'fit',
      bbar:Ext.create('Ext.PagingToolbar',{store:StoreSemoviente,displayInfo: true,
            displayMsg: 'Registros {0} - {1} de {2}',
            emptyMsg: "No Existe Venta Semovientes para Mostrar"})
     ,columns: [
        {text:'Tipo Documneto',width:120,dataIndex:'NomTipoDocumento'},
        {text:'Fecha',width:70,dataIndex:'FechaDocumento',align:'center'},
        {text:'Nro Serie',width:80,dataIndex:'NroSerie'},
        {text:'Nro Documento',width:100,dataIndex:'NroDocumento'},
        {text:'Proyecto',width:200,dataIndex:'Proyecto'},
        {text:'Cliente',width:200,dataIndex:'RazonSocial'},
        {text:'Banco',width:200,dataIndex:'NomBanco'}
      ]
    });

GridSemoviente.on('itemdblclick', function (objeto, record, item, index, e, eOpts) {

if(!Ext.getCmp('panelDetalleVenta'+record.get('IdVenta'))){
var StoreDetalleVenta = Ext.create('Ext.data.Store', {
    model: 'DetalleVenta',
    pageSize:25,
    autoLoad:true,
    proxy: {
    type: 'ajax',
    url: 'detalleventa/Index/'+record.get('IdVenta'),
    reader: {type: 'json',root: 'grid'}}
});    

var GridDetalleVenta = Ext.create('Ext.grid.Panel',{
  id:       'GridDetalleVenta'+record.get('IdVenta'),
  store:    StoreDetalleVenta,
  border:   false,
  stateful :false,
  columnLines:true,
  layout:   'fit',
  bbar:Ext.create('Ext.PagingToolbar',{store:StoreDetalleVenta,displayInfo: true,
        displayMsg: 'Registros {0} - {1} de {2}',
        emptyMsg: "No Existen Semovientes para Mostrar"})
 ,columns: [
    {text:'Semoviente',width:120,dataIndex:'NomSemoviente'},
    {text:'Catalogo Venta',width:100,dataIndex:'NomCatVenta'},
    {text:'Glosa',width:200,dataIndex:'Glosa'},
    {text:'Motivo Venta',width:200,dataIndex:'NomMotivoVenta'},
    {text:'Cantidad',width:70,dataIndex:'Cantidad',align:'right'},
    {text:'Precio Unitario',width:80,dataIndex:'PrecioUnitario',align:'right'},
    {text:'Total',width:100,dataIndex:'Total',align:'right'}
  ]
});

 var panelDetalleVenta = Ext.create('Ext.panel.Panel', {
        id:'panelDetalleVenta'+record.get('IdVenta'),
        closable:true,
        title:record.get('FechaDocumento'),
        layout:'fit',
        tbar: Ext.create('Ext.toolbar.Toolbar', {
            layout: {
                overflowHandler: 'Menu'
            },
            items: ['->',{
                text: 'Agregar',iconCls: 'agregar',itemId:'create',
                hrefTarget:'detalleventa/create',
                handler : function (btn) {
                    btn.record = record;
                    new SistIntegral.Semovientes.FormVenta().WindowD(btn);
                }
            },'-',{
                text: 'Editar',iconCls: 'editar',itemId:'edit',
                hrefTarget:'detalleventa/edit/',
                handler : function (btn) {
                    btn.record = record;
                    new SistIntegral.Semovientes.FormVenta().WindowD(btn);
                }
            }]
        }),
        bodyBorder: false,
        items:GridDetalleVenta,
        border:false
});

    //Ext.getCmp('PnlInventario').removeAll();
    Ext.getCmp('PnlInventario').add(panelDetalleVenta);
    Ext.getCmp('PnlInventario').setActiveTab(panelDetalleVenta); 
}
else{
    Ext.getCmp('PnlInventario').setActiveTab(Ext.getCmp('panelDetalleVenta'+record.get('IdVenta')));
}
});

 var panel = Ext.create('Ext.panel.Panel', {
        id:'panelSemovienteVenta',
        title:'Venta Semovientes',
        layout:'fit',
        tbar: Ext.create('Ext.toolbar.Toolbar', {
            layout: {
                overflowHandler: 'Menu'
            },
            items: ['->',{
                text: 'Agregar',iconCls: 'agregar',itemId:'create',
                hrefTarget:'ventasemoviente/create',
                handler : function (btn) {
                    //alert('Agregar Registro');
                    new SistIntegral.Semovientes.FormVenta().Window(btn);
                }
            },'-',{
                text: 'Editar',iconCls: 'editar',itemId:'edit',
                hrefTarget:'ventasemoviente/edit/',
                handler : function (btn) {
                    new SistIntegral.Semovientes.FormVenta().Window(btn);
                    //alert('Editar Registro');
                }
            }]
        }),
        bodyBorder: false,
        items:GridSemoviente,
        border:false
});

    Ext.getCmp('PnlInventario').removeAll();
    Ext.getCmp('PnlInventario').add(panel);
    Ext.getCmp('PnlInventario').setActiveTab(panel);   
}
else{
    Ext.getCmp('PnlInventario').setActiveTab(Ext.getCmp('panelSemovienteVenta'));
}
}
});